var $ = require('./zepto/zepto');
require('./zepto/event');
require('./zepto/ajax');
require('./zepto/form');
require('./zepto/ie');
require('./zepto/touch');

module.exports = $;

//**********swipe
var Swiper = require('./swiper/swiper.min');
var swiperAnimate = require('./swiper/swiper.animate.min');

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    effect: 'flip',
    grabCursor: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    //swiper 动画
    onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
    swiperAnimate.swiperAnimateCache(swiper); //隐藏动画元素 
    swiperAnimate.swiperAnimate(swiper); //初始化完成开始动画
  }, 
  onSlideChangeEnd: function(swiper){ 
    swiperAnimate.swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  } 
});

//******IScroll
var IScroll = require('./iscroll/iscroll');  //iscroll
function isPassive() {
    var supportsPassiveOption = false;
    try {
        addEventListener("test", null, Object.defineProperty({}, 'passive', {
            get: function () {
                supportsPassiveOption = true;
            }
        }));
	    } catch(e) {}
    return supportsPassiveOption;
}	
var myScroll = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 1200 });
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
		capture: false,
		passive: false
	} : false);
	
$("#main").hide();

$(".enter").on('tap',function(){   //进入首页 
	$("#main").show();
	$(".swiper-container").hide();
	dataUp();
})

		
$("#footer li").on('touchstart',function(){
	$(this).addClass('action').siblings().removeClass('action');
})

$("#footer li").on('tap',function(){  //另外加载文件zepto.touch
	$(this).addClass('action').siblings().removeClass('action');
	//切换页面
//	$("#iframe").attr('src',$(this).attr('link'));
	
})
//skill页
$("#footer li").eq(0).on('tap',function(){ 
	$("#header").text('我的技能');
	dataUp();
})

 //project页
 $("#footer li").eq(1).on('tap',function(){ 
 	$("#header").text('项目📖');
	dataUpProject();
})

//experience
 $("#footer li").eq(2).on('tap',function(){ 
 	$("#header").text('经历');
	dataUpExperience();
})

//me
var wx = require('./jweixin');//引入微信

 $("#footer li").eq(3).on('tap',function(){  
 	$("#header").text('我🐒');
 	
	dataUpMe(); //载入页面
	
	$("#btn").on('tap',function(){
		wx.scanQRCode({
	        needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
	        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
	        success: function (res) {
	            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
	        } 
	    });
	})
	
	 $.ajax({
	       url:'http://www.fujiqing-yo.online/php/getsign.php',
	    //    url:'./getsign.php',
	       data:{
	           url:window.location.href
	       },
	       type:'post',
	       dataType:'json',
	       success:function(res){
		       	wx.config({
		            // debug: false,
		            appId: res.appId,
		            timestamp: res.timestamp,
		            nonceStr: res.nonceStr,
		            signature: res.signature,
		            jsApiList: [
		                // 所有要调用的 API 都要加到这个列表中
		                'scanQRCode'
		            ]
		        });
		        
	       }
	   })
  
})
 
 
 		//载入数据 
function dataUp(){
//	alert(2)
	$.ajax({
	    type:'GET',
	    url:'http://www.fujiqing-yo.online/php/skill.json',
	    dataType:'json', //必须小写
	    success:function(data){
	        var html = "";
	        for(var i=0;i<data.length;i++){
	            html +='<li  class="skill">'
		                + '<img src="./images/'+data[i].src+'.png"/>'
		                + '<div>' 
		                		+ '<h3>' + data[i].category + '</h3>'
		                		+ '<p>' + data[i].name + '</p>'
	                		+ '</div>'
	                 + "</li>";
	        }
	        $("#scroller ul").html(html);

	        myScroll.refresh();  //刷新IScroll ajax请求异步 刷新不能放在请求完成外面
	        // console.log(data);
	        // console.log(html);
			// console.log($("#scroller ul"));
			// console.log($("#scroller ul").html());
		 }
	})
}

function dataUpProject(){
	$.ajax({
	    type:'GET',
	    url:'http://www.fujiqing-yo.online/php/project.json',
	    dataType:'json',
	    success:function(data){
	        var html = "";
	        for(var i=0;i<data.length;i++){
	            html +='<li class="project">' 
		                + '<h3>'+data[i].name+'</h3>'
		                + '<h4>网站类型：'+data[i].category+'</h4>'
		                + '<img src="./'+data[i].image+'"/>'
		                + '<div>' 
		                		+ '<p>' + data[i].description + '</p>'
		                		+ '<p>' + data[i].detail + '</p>'
		                		+ '<p>' + data[i].tech + '</p>'
	                		+ '</div>'
	                 + "</li>";
	        }
	        $("#scroller ul").html(html);
	        var timer=setTimeout(function(){  //给予一定时间解析标签跟图片
	        		clearTimeout(timer);
	      	    myScroll.refresh();  //刷新IScroll ajax请求异步 刷新不能放在请求完成外面
			},200)
		 }
	})
	
}


function dataUpExperience(){
	$.ajax({
	    type:'GET',
	    url:'http://www.fujiqing-yo.online/php/work.json',
	    dataType:'json',
	    success:function(data){
	        var html = "";
	        for(var i=0;i<data.length;i++){
	            html +='<li class="project">' 
		                + '<h3>'+data[i].name+'</h3>'
		                + '<h4>网站类型：'+data[i].category+'</h4>'
		                + '<img src="./'+data[i].image+'"/>'
		                + '<div>' 
		                		+ '<p>工作时间：' + data[i].time + '</p>'
		                		+ '<p>' + data[i].projects + '</p>'
		                		+ '<p>' + data[i].posts + '</p>'
	                		+ '</div>'
	                 + "</li>";
	        }
	        $("#scroller ul").html(html);
	        var timer=setTimeout(function(){  //给予一定时间解析标签跟图片
	        		clearTimeout(timer);
	      	    myScroll.refresh();  //刷新IScroll ajax请求异步 刷新不能放在请求完成外面
			},200)
		 }
	})
	
}


function dataUpMe(){
    var html = "";
        html +='<div class="me">' 
                + '<div><img src="./images/one-piece.jpg"/></div>'
                + '<h2>我</h2>'
            		+ '<p>海贼王</p>'
            		+ '<p>航海10年</p>'
            		+ '<p style="font-weight:600;">目标：ONE PIECE</p>'
            		+ '<div class="scan">'
            			+ '<p>微信中可打开</p>'
            			+ '<button id="btn">点击扫一扫</button>'
            		+ '</div>'
             + "</div>";
    $("#scroller ul").html(html);
  	myScroll.refresh();  //刷新IScroll ajax请求异步 刷新不能放在请求完成外面

}